<template>
   <div class="header">
       <div></div>
      <div>猫眼电影</div>
      <div></div>
   </div>
</template>

<script>
export default {
   name:"myheader"
}
</script>

<style scoped>
   .header {
         width: 100%;
         height: 1.333333rem;
         display: flex;
         justify-content: space-between;
         align-items: center;
         background-color: #e54847;
         position: fixed;
         top: 0;
         left: 0;
      }

      .header div {
         display: flex;
         justify-content: space-between;
         align-items: center;
         font-size: .48rem;
         color: #fff;
         display: inline-block;
      }

      .header div:nth-of-type(3) {
         margin-right: .4rem;
      }

      .header div img {
         width: .426667rem;
         height: .426667rem;
      }
</style>